CSS Sprite Generator

轻松将图像合并到CSS精灵！ CSS 精灵生成器 是一个免费的在线应用程序，允许你将图像合并到一个文档中。 使用此应用程序，您将收到一个包含所有图像的结果文件和一个包含 sprite 数据的 CSS 文件。

Generate CSS image sprites from multiple images with our easy-to-use uploading tool. Get started for free.

Open Reload Current Image Select Sprite Pick Background Toggle Dark Background Open Image

Welcome to CSS Sprite Generator, the fastest way for you to make CSS sprites. All the work will be done in your browser, so don't worry about sending your images over the Internet.

上传多张小图标/图片，智能合成CSS Sprite精灵图并自动生成对应代码！ 支持PNG/JPG格式，可自定义排列间距，适用于网页性能优化、减少HTTP请求、加速加载场景。

此工具使用瀏覽器的 <canvas> 支援製作 CSS Sprite。 身為一個 Web Designer/Developer，如果您的瀏覽器還不支援 canvas 的話，您還是快換工作吧。

爱图工具箱的雪碧图生成器是一款便捷、实用的在线工具，旨在帮助用户快速生成雪碧图（CSS Sprite）并提供相关的代码输出。